<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>管理员-主体</title>
	<%
		pageContext.setAttribute("APP_PATH", request.getContextPath());
	%>
	<link href="${APP_PATH}/static/css/admin.css" rel="stylesheet">
</head>
<body style="background-color: #ecf0f5;">
<div class="container-fluid">
	<div class="row" style="margin-top: 70px">
		<!--左边部分 -->
		<jsp:include page="/admin/side.jsp"></jsp:include>
		<!--右边部分-->
		<div class="col-md-10 col-md-offset-2" style="top: -20px;">
			<!--########################################### 仪表盘 ###########################################-->
            <div class="row ybp admin-h1">
				<h1>仪表盘</h1>
				<div class="row">
					<div class="col-md-3 col-xs-6">
						<div class="ybp-user">
							<div class="inner">
								<h3 id="h3-user"></h3>
								<p>用户</p>
							</div>
							<div class="icon">
								<i class="ion ion-bag"></i>
							</div>
							<a data-pjax="true" href="${APP_PATH }/admin/userContent.jsp" class="small-box-footer cut-yhgl">
								查看所有 <small class="glyphicon glyphicon-fullscreen"></small>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<div class="ybp-user ybp-article">
							<div class="inner">
								<h3 id="h3-article"></h3>
								<p>文章</p>
							</div>
							<div class="icon">
								<i class="ion ion-bag"></i>
							</div>
							<a data-pjax="true" href="${APP_PATH }/admin/articleContent.jsp" class="small-box-footer cut-tzgl">
								查看所有 <small class="glyphicon glyphicon-fullscreen"></small>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<div class="ybp-user ybp-plate">
							<div class="inner">
								<h3 id="h3-plate"></h3>
								<p>板块</p>
							</div>
							<div class="icon">
								<i class="ion ion-bag"></i>
							</div>
							<a data-pjax="true" href="${APP_PATH }/admin/blockContent.jsp" class="small-box-footer cut-bkgl">
								查看所有 <small class="glyphicon glyphicon-fullscreen"></small>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<div class="ybp-user ybp-visit">
							<div class="inner">
								<h3 id="h3-visit"></h3>
								<p>版主</p>
							</div>
							<div class="icon">
								<i class="ion ion-bag"></i>
							</div>
							<a data-pjax="true" href="${APP_PATH }/admin/visiteContent.jsp" class="small-box-footer cut-fwjl">
								查看所有 <small class="glyphicon glyphicon-fullscreen"></small>
							</a>
						</div>
					</div>
				</div>
				<div class="row">
					<%-- 排行榜 --%>
					<div class="col-md-6 col-xs-12">
						<div class="ybp-phb">
							<h4>排行版</h4>
							<div style="border-top: 1px solid rgba(0,0,0,0.07);"></div>
							<table class="table">
								<thead>
								<tr>
									<th>序号</th>
									<th>用户名</th>
									<th>邮箱</th>
									<th>文章数</th>
									<th>最后更新时间</th>
								</tr>
								</thead>
								<!-- 排行版列表 - 实际数据 -->
								<tbody id="rank_listUser_all"></tbody>
							</table>
						</div>
					</div>
					<%-- 新注册用户 --%>
					<div class="col-md-6 col-xs-12">
						<div class="ybp-newuser">
							<h4>新注册用户</h4>
							<div style="border-top: 1px solid rgba(0,0,0,0.07);"></div>
							<div class="box-body no-padding">
								<%-- 实际数据 --%>
								<ul id="new_listUser_all" class="users-list clearfix"></ul>
							</div>
						</div>
					</div>
				</div>
			<!--########################################### 仪表盘-end ###########################################-->

			</div>
		</div>
	</div>
</div>
</body>
<script src="${APP_PATH }/static/js/admin/admin.js"></script>
</html>
